<!DOCTYPE html>
<html lang="en" xmlns:th="http://thyneleaf.org">
<head>
    <meta charset="UTF-8">
</head>
<body>
<div th:replace="/common/header"></div>
<div id="Content">
<div id="BackLink"><a href="/Main/enter">
    Return to Main Menu</a></div>

<div id="Catalog">Please confirm the information below and then
    press continue...
    <style type="text/css">

        table {
            width: 700px;
            padding: 0;
            margin: 0;
        }

        caption {
            padding: 0 0 5px 0;
            width: 700px;
            font: italic 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
            text-align: right;
        }

        th {
            font: bold 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
            color: #f5ba11;
            border-right: 1px solid #bfa986;
            border-bottom: 1px solid #bfa986;
            border-top: 1px solid #bfa986;
            letter-spacing: 2px;
            text-transform: uppercase;
            text-align: left;
            padding: 6px 6px 6px 12px;
            background: #eee0c5 no-repeat;
        }

        td {
            border-right: 1px solid #bfa986;
            border-bottom: 1px solid #bfa986;
            background: #fff;
            font-size:16px;
            padding: 6px 6px 6px 12px;
            color: #4f6b72;
        }
    </style>
    <table>
        <tr>
            <th align="center" colspan="2"><font size="4"><b>Order</b></font>
                <br />
                <font size="3"><b> <fmt:formatDate
                        value="${sessionScope.order.orderDate}" pattern="yyyy/MM/dd hh:mm:ss" /></b></font>
            </th>
        </tr>

        <tr>
            <th colspan="2">Billing Address</th>
        </tr>
        <tr>
            <td>First name:</td>
            <td><th:block th:text="${order.billToFirstName}" />
               </td>
        </tr>
        <tr>
            <td>Last name:</td>
            <td><th:block th:text="${order.billToLastName}" />
               </td>
        </tr>
        <tr>
            <td>Address 1:</td>
            <td><th:block th:text="${order.billAddress1}" />
               </td>
        </tr>
        <tr>
            <td>Address 2:</td>
            <td><th:block th:text="${order.billAddress2}" />
              </td>
        </tr>
        <tr>
            <td>City:</td>
            <td><th:block th:text="${order.billCity}" />
               </td>
        </tr>
        <tr>
            <td>State:</td>
            <td><th:block th:text="${order.billState}" />
               </td>
        </tr>
        <tr>
            <td>Zip:</td>
            <td><th:block th:text="${order.billZip}" />
               </td>
        </tr>
        <tr>
            <td>Country:</td>
            <td><th:block th:text="${order.billCountry}" />
               </td>
        </tr>
        <tr>
            <th colspan="2">Shipping Address</th>
        </tr>
        <tr>
            <td>First name:</td>
            <td><th:block th:text="${order.shipToFirstName}" />
              </td>
        </tr>
        <tr>
            <td>Last name:</td>
            <td><th:block th:text="${order.shipToLastName}" />
               </td>
        </tr>
        <tr>
            <td>Address 1:</td>
            <td><th:block th:text="${order.shipAddress1}" />
               </td>
        </tr>
        <tr>
            <td>Address 2:</td>
            <td><th:block th:text="${order.shipAddress2}" />
               </td>
        </tr>
        <tr>
            <td>City:</td>
            <td><th:block th:text="${order.shipCity}" />
               </td>
        </tr>
        <tr>
            <td>State:</td>
            <td><th:block th:text="${order.shipState}" />
                </td>
        </tr>
        <tr>
            <td>Zip:</td>
            <td><th:block th:text="${order.shipZip}" />
                </td>
        </tr>
        <tr>
            <td>Country:</td>
            <td><th:block th:text="${order.shipCountry}" />
               </td>
        </tr>

    </table>
    <div>
        <a href="/order/ViewOrder?cart=${sessionScope.cart}" class="Button" name="confirmed" value="true">Confirm</a> </div>

</div>
</div>
<div th:replace="/common/footer"></div>
</body>
</html>